<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
      
<ui:composition template="/restrito/template.xhtml">

<ui:define name="css">
	<style type="text/css">
		td {
			padding: 2px;
		}
		.box {
			width: 100%; 
			border: 1px solid; 
			padding: 7px;
		}
		.selectManyCheckBox {
			height: 100px; 
			overflow: auto;
			border: 1px solid; 
		}
	</style>
</ui:define>

<ui:define name="menu"><ui:include src="menu.xhtml"/></ui:define>

<ui:define name="corpo">
	<h:outputScript library="js" name="cadastrarvaga.js" target="head" />
	<h:outputScript library="js" name="jquery.maskedinput-1.2.2.js" target="head" />
	<h:outputScript library="js" name="jquery-ui-1.8.18.custom.min.js" target="head" />
	<h:outputScript library="js" name="jquery.maskMoney.0.2.js" target="head" />
	
	<h:form id="f">
	    <fieldset>
	    <legend>INFORMAÇÕES SOBRE O PROFISSIONAL</legend>
	    <table>
    		<tr>
    			<td>* <h:outputLabel for="profissao" value="Profissão"/></td>
    			<td>
    				<h:selectOneMenu id="profissao" value="#{cadastrarVagaMB.vaga.idProfissao}" required="true">
    					<a4j:ajax event="change" listener="#{cadastrarVagaMB.onchangeProfissao}" render="especialidade"/>
    					<f:selectItems value="#{cadastrarVagaMB.lsProfissao}" />
    				</h:selectOneMenu>
    			</td>
	    	</tr>
    		<tr>
    			<td>* <h:outputLabel for="especialidade" value="Especialidade"/></td>
    			<td>
    				<h:selectOneMenu id="especialidade" value="#{cadastrarVagaMB.vaga.idEspecialidade}" required="true">
    					<f:selectItems value="#{cadastrarVagaMB.lsEspecialidade}" />
    				</h:selectOneMenu>
    			</td>
	    	</tr>
    		<tr>
    			<td style="vertical-align: top;">* <h:outputLabel value="Pré-requisitos"/></td>
    			<td>
    				<div class="box">
	    				<h:selectBooleanCheckbox id="prereq1" value="#{cadastrarVagaMB.vaga.graduacaoMedicina}"/>Graduação em medicina
	    				<br/>
	    				<h:selectBooleanCheckbox id="prereq2" value="#{cadastrarVagaMB.vaga.tituloEspecialista}"/>Título de especialista
	    				<br/>
	    				<h:selectBooleanCheckbox id="prereq3" value="#{cadastrarVagaMB.vaga.linguaEstrangeira}"/>Conhecimento língua estrangeira
	    				<br/>
	    				<br/>
	    				Outros pré-requisitos
	    				<br/>
	    				<h:inputTextarea value="#{cadastrarVagaMB.vaga.outrosPrerequisitos}" cols="70" rows="5" />
    				</div>
    			</td>
	    	</tr>
		</table>	    	
        </fieldset>
        <br/>

		<fieldset>
			<legend>INFORMAÇÕES SOBRE O TRABALHO</legend>
			<table>
    		<tr>
    			<td>* <h:outputLabel for="idEmpresa" value="Local de trabalho"/></td>
    			<td>
    				<h:selectOneMenu id="idEmpresa" value="#{cadastrarVagaMB.vaga.idEmpresa}" required="true">
    					<f:selectItems value="#{cadastrarVagaMB.lsLocalTrabalho}" />
    				</h:selectOneMenu>
    			</td>
	    	</tr>
    		<tr>
    			<td style="vertical-align: top;">* <h:outputLabel for="tipoAtendimento" value="Tipo de atendimento"/></td>
    			<td>
    				<div class="selectManyCheckBox">
    				<h:selectManyCheckbox id="tipoAtendimento" value="#{cadastrarVagaMB.lsTipoAtendimentoString}" required="true" layout="pageDirection">
    					<f:selectItems value="#{cadastrarVagaMB.lsTipoAtendimento}" />
    				</h:selectManyCheckbox>
    				</div>
    			</td>
	    	</tr>
    		<tr>
    			<td style="vertical-align: top;">* <h:outputLabel value="Atividades exercidas"/></td>
    			<td>
    				<div class="box">
	    				* <h:outputLabel for="ritmoAtendimento" value="Ritmo de atendimento"/>
	    				<h:inputText id="ritmoAtendimento" value="#{cadastrarVagaMB.vaga.ritmoAtendimento}" required="true" size="2"/>
	    				pacientes por hora
						<br/>
	    				* <h:outputLabel for="numeroMedioPacientes" value="Número médio de pacientes"/>
	    				<h:inputText id="numeroMedioPacientes" value="#{cadastrarVagaMB.vaga.numeroMedioPacientes}" required="true" size="2"/>
	    				<h:selectOneMenu value="#{cadastrarVagaMB.vaga.unidadeNumeroMedioPacientes}" required="true">
	    					<f:selectItems value="#{cadastrarVagaMB.lsNumeroMedioPacientes}" />
	    				</h:selectOneMenu>
						<br/>
						<br/>
						Informações adicionais
						<br/>
						<h:inputTextarea value="#{cadastrarVagaMB.vaga.informacoesAdicionaisAtividades}" cols="70" rows="5" />
					</div>
    			</td>
	    	</tr>
	    	</table>
        </fieldset>
        <br/>
  	    
		<fieldset>
			<legend>INFORMAÇÕES SOBRE O VÍNCULO DE TRABALHO</legend>
			<table>
    		<tr>
    			<td>* <h:outputLabel for="tipoVinculo" value="Tipo de vínculo"/></td>
    			<td>
    				<h:selectOneRadio id="tipoVinculo" value="#{cadastrarVagaMB.vaga.tipoVinculo}" required="true">
    					<f:selectItems value="#{cadastrarVagaMB.lsTipoVinculo}" />
    				</h:selectOneRadio>
    			</td>
	    	</tr>
    		<tr id="trTipoVinculoPessoa" style="display: none;">
    			<td></td>
    			<td>
    				<h:selectOneRadio id="tipoVinculoPessoa" value="#{cadastrarVagaMB.vaga.tipoVinculoPessoa}" required="#{param['f:tipoVinculo'] == 'C'}">
    					<f:selectItems value="#{cadastrarVagaMB.lsTipoVinculoPessoa}" />
    				</h:selectOneRadio>
    			</td>
	    	</tr>
    		<tr>
    			<td>* <h:outputLabel for="duracaoVinculo" value="Duração do vínculo"/></td>
    			<td>
    				<h:selectOneRadio id="duracaoVinculo" value="#{cadastrarVagaMB.vaga.duracaoVinculo}" required="true">
    					<f:selectItems value="#{cadastrarVagaMB.lsDuracaoVinculo}" />
    				</h:selectOneRadio>
    			</td>
	    	</tr>
    		<tr>
    			<td style="vertical-align: top;">* <h:outputLabel for="beneficio" value="Benefícios"/></td>
    			<td>
    				<div class="selectManyCheckBox">
    				<h:selectManyCheckbox id="beneficio" value="#{cadastrarVagaMB.lsBeneficioString}" required="true" layout="pageDirection">
    					<f:selectItems value="#{cadastrarVagaMB.lsBeneficio}" />
    				</h:selectManyCheckbox>
    				</div>
    			</td>
	    	</tr>
	    	</table>
        </fieldset>
        <br/>
  	    
		<fieldset>
			<legend>INFORMAÇÕES SOBRE REMUNERAÇÃO</legend>
			
			<a4j:outputPanel id="panelRemuneracao">
				<ui:repeat var="remuneracao" value="#{cadastrarVagaMB.lsRemuneracao}" varStatus="i">
					<c:if test="#{remuneracao.tipo == 'S'}">
					<span>#{remuneracao.tipoFormatado}</span>
					<span>#{remuneracao.cargaHorariaSemanalFormatado}</span>
					<span>#{remuneracao.escalaPlantaoFormatado}</span>
					
					
					
					&nbsp;&nbsp;
					<a4j:commandLink value="Excluir" action="#{cadastrarVagaMB.excluirRemuneracao}" render="panelRemuneracao" execute="@this">
						<f:param name="index" value="#{i.index}" />
					</a4j:commandLink>
					</c:if>
				<br/>
				</ui:repeat>
			</a4j:outputPanel>
			
		    <h:commandButton value="Adicionar remuneração">
		        <rich:componentControl target="modalRemuneracao" operation="show" />
		    </h:commandButton>		
		</fieldset>
		
		<br/>
		<fieldset>
		<legend>OUTRAS INFORMAÇÕES DA VAGA</legend>
		<table>
			<tr>
    			<td><h:outputLabel for="identificaoVaga" value="Identificação da vaga"/></td>
    			<td>
    				<h:inputText id="identificaoVaga" value="#{cadastrarVagaMB.vaga.identificaoVaga}" />
    			</td>
			</tr>
			<tr>
    			<td>* <h:outputLabel for="numeroVagas" value="Número de vagas"/></td>
    			<td>
    				<h:inputText id="numeroVagas" value="#{cadastrarVagaMB.vaga.numeroVagas}" required="true" />
    			</td>
			</tr>
			<tr>
    			<td>* <h:outputLabel for="prazoInscricao" value="Prazo para inscrição"/></td>
    			<td>
    				<rich:calendar id="prazoInscricao" value="#{cadastrarVagaMB.vaga.prazoInscricao}" datePattern="dd/MM/yyyy" required="true" />
    			</td>
			</tr>
			<tr>
    			<td>* <h:outputLabel for="informacoesAdicionaisGeral" value="Informações adicionais"/></td>
    			<td>
    				<h:inputTextarea id="informacoesAdicionaisGeral" value="#{cadastrarVagaMB.vaga.informacoesAdicionaisGeral}" cols="70" rows="5" />
    			</td>
			</tr>
           	<tr>
    			<td><h:outputLabel for="exibirNomeFantasia" value="Exibir o nome fantasia da empresa no anúncio da vaga"/></td>
    			<td>
    				<h:selectBooleanCheckbox id="exibirNomeFantasia" value="#{cadastrarVagaMB.vaga.exibirNomeFantasia}"/>
    			</td>
	    	</tr>
           	<tr>
    			<td><h:outputLabel for="receberEmailCandidato" value="Receber e-mail informativo sobre usuários que se candidataram"/></td>
    			<td>
    				<h:selectBooleanCheckbox id="receberEmailCandidato" value="#{cadastrarVagaMB.vaga.receberEmailCandidato}"/>
    			</td>
	    	</tr>
		</table>
        </fieldset>
        <br/>
  	    
		<table>	    	
            <tr>
    			<td></td>
    			<td><h:commandButton action="#{cadastrarVagaMB.salvar}" value="Salvar"/></td>
	    	</tr>
		</table>
    </h:form>  
    
    
    <rich:popupPanel id="modalRemuneracao" modal="true" resizeable="true" 
    		onmaskclick="#{rich:component('modalRemuneracao')}.hide()" width="600" height="300">
        <f:facet name="header">
            <h:outputText value="Preencha os campos para adicionar informção de remuneração" />
        </f:facet>
        <f:facet name="controls">
            <h:outputLink value="#" onclick="#{rich:component('modalRemuneracao')}.hide(); return false;">X</h:outputLink>
        </f:facet>
		<h:form id="fr">
	        <table>
				<tr>
	    			<td>* <h:outputLabel for="tipoRemuneracao" value="Tipo da remuneração"/></td>
	    			<td>
	    				<h:selectOneRadio id="tipoRemuneracao" value="#{cadastrarVagaMB.remuneracao.tipo}">
	    					<f:selectItems value="#{cadastrarVagaMB.lsTipoRemuneracao}" />
	    				</h:selectOneRadio>
	    			</td>
				</tr>
			</table>
			
			
			
			<table id="tbSalario" style="display: none">
				<tr>
	    			<td>* <h:outputLabel for="cargaHorariaSemanalS" value="Carga horária semanal"/></td>
	    			<td>
	    				<h:inputText id="cargaHorariaSemanalS" value="#{cadastrarVagaMB.remuneracao.cargaHorariaSemanal}" required="#{param['fr:tipoRemuneracao'] == 'S'}"/>
	   					<rich:jQuery selector="#cargaHorariaSemanalS" query="mask('99:99')" />
	    			</td>
				</tr>	        
				<tr>
	    			<td>* <h:outputLabel for="escalaPlantaoS" value="Escala de plantão?"/></td>
	    			<td>
	    				<h:selectOneRadio id="escalaPlantaoS" value="#{cadastrarVagaMB.remuneracao.escalaPlantao}" required="#{param['fr:tipoRemuneracao'] == 'S'}">
	    					<f:selectItem itemValue="true" itemLabel="Sim"  />
	    					<f:selectItem itemValue="false" itemLabel="Não"  />
	    				</h:selectOneRadio>
	    			</td>
				</tr>
				<tr>
	    			<td>* <h:outputLabel for="diaInicioS" value="Dias e horários"/></td>
	    			<td>
	    				<a4j:outputPanel id="panelHorarioS">
	    					<ui:repeat var="horarioValor" value="#{cadastrarVagaMB.lsHorarioValorSalario}" varStatus="i">
	    						<span>#{horarioValor.diaInicioFormatado} a #{horarioValor.diaFimFormatado} de #{horarioValor.horaInicioFormatado} a #{horarioValor.horaFimFormatado}</span>
	    						&nbsp;&nbsp;
	    						<a4j:commandLink value="Excluir" action="#{cadastrarVagaMB.excluirHorarioS}" render="panelHorarioS" execute="@this">
	    							<f:param name="index" value="#{i.index}" />
	    						</a4j:commandLink>
			    				<br/>
	    					</ui:repeat>
	    				</a4j:outputPanel>
	    				
	    				<h:selectOneMenu id="diaInicioS" value="#{cadastrarVagaMB.horarioValor.diaInicio}">
	    					<f:selectItems value="#{cadastrarVagaMB.lsDiaSemana}" />
	    				</h:selectOneMenu>
	    				a
	    				<h:selectOneMenu id="diaFimS" value="#{cadastrarVagaMB.horarioValor.diaFim}">
	    					<f:selectItems value="#{cadastrarVagaMB.lsDiaSemana}" />
	    				</h:selectOneMenu>
	    				de
	    				<h:selectOneMenu id="horaInicioS" value="#{cadastrarVagaMB.horarioValor.horaInicio}">
	    					<f:selectItems value="#{cadastrarVagaMB.lsHora}" />
	    				</h:selectOneMenu>
	    				a
	    				<h:selectOneMenu id="horaFimS" value="#{cadastrarVagaMB.horarioValor.horaFim}">
	    					<f:selectItems value="#{cadastrarVagaMB.lsHora}" />
	    				</h:selectOneMenu>
	    				
	    				<a4j:commandLink id="adicionarS" value="Adicionar" action="#{cadastrarVagaMB.adicionarHorarioS}" 
	    					render="panelHorarioS" execute="adicionarS diaInicioS diaFimS horaInicioS horaFimS"  />
	    			</td>
				</tr>
				<tr>
	    			<td>* <h:outputLabel for="valorMensalS" value="Valor mensal"/></td>
	    			<td>
	    				<h:inputText id="valorMensalS" value="#{cadastrarVagaMB.remuneracao.valorMensal}" required="#{param['fr:tipoRemuneracao'] == 'S'}">
	    					<f:converter converterId="conversorDecimal"/>
	    				</h:inputText>
	    				<h:selectOneRadio id="liquidoS" value="#{cadastrarVagaMB.remuneracao.liquido}">
	    					<f:selectItem itemValue="true" itemLabel="Líquido"  />
	    					<f:selectItem itemValue="false" itemLabel="Bruto"  />
	    				</h:selectOneRadio>
	    				<rich:jQuery selector="#valorMensalS" query="maskMoney({showSymbol:false,length:7})" />
	    			</td>
				</tr>
				<tr>
					<td colspan="2" style="text-align: center">
						<br/>
						<br/>
						<a4j:commandButton value="Adicionar" action="#{cadastrarVagaMB.adicionarRemuneracao}" 
							render="panelRemuneracao escalaPlantaoS panelHorarioS diaInicioS diaFimS horaInicioS horaFimS" 
							execute="@this tipoRemuneracao cargaHorariaSemanalS escalaPlantaoS valorMensalS liquidoS"
							oncomplete="#{rich:component('modalRemuneracao')}.hide(); return false;" />
						<a4j:commandButton value="Cancelar" onclick="#{rich:component('modalRemuneracao')}.hide(); return false;" />
					</td>
				</tr>
	        </table>
	        
	        
	        
			<table id="tbTurnoPlantao" style="display: none">
				<tr>
	    			<td>* <h:outputLabel for="dataEspecificaP" value="Data específica?"/></td>
	    			<td>
	    				<h:selectOneRadio id="dataEspecificaP" value="#{cadastrarVagaMB.dataEspecifica}">
	    					<f:selectItem itemValue="true" itemLabel="Sim"  />
	    					<f:selectItem itemValue="false" itemLabel="Não"  />
	    				</h:selectOneRadio>
	    			</td>
				</tr>	        
				<tr id="diaHorarioP">
	    			<td>* <h:outputLabel value="Dias e horários"/></td>
	    			<td>
	    				<a4j:outputPanel id="panelHorarioP">
	    					<ui:repeat var="horarioValor" value="#{cadastrarVagaMB.lsHorarioValorSalario}" varStatus="i">
	    						<span>#{horarioValor.diaInicioFormatado} #{horarioValor.dataEspecifica} de #{horarioValor.horaInicioFormatado} a #{horarioValor.horaFimFormatado} 
	    							<h:outputText value="#{horarioValor.valorPorHora}">
	    								<f:converter converterId="conversorDecimal"/>
	    							</h:outputText>
	    							por hora
	    						</span>
	    						&nbsp;&nbsp;
	    						<a4j:commandLink value="Excluir" action="#{cadastrarVagaMB.excluirHorarioP}" render="panelHorarioP" execute="@this">
	    							<f:param name="index" value="#{i.index}" />
	    						</a4j:commandLink>
			    				<br/>
	    					</ui:repeat>
	    				</a4j:outputPanel>	    				
	    				<span>
		    				<h:selectOneMenu id="diaInicioP" value="#{cadastrarVagaMB.horarioValor.diaInicio}">
		    					<f:selectItems value="#{cadastrarVagaMB.lsDiaSemana}" />
		    				</h:selectOneMenu>
		    				<rich:calendar id="dataEspecificaCalendarP" value="#{cadastrarVagaMB.horarioValor.dataEspecifica}" datePattern="dd/MM/yyyy" />
		    				de
		    				<h:selectOneMenu id="horaInicioP" value="#{cadastrarVagaMB.horarioValor.horaInicio}">
		    					<f:selectItems value="#{cadastrarVagaMB.lsHora}" />
		    				</h:selectOneMenu>
		    				a
		    				<h:selectOneMenu id="horaFimP" value="#{cadastrarVagaMB.horarioValor.horaFim}">
		    					<f:selectItems value="#{cadastrarVagaMB.lsHora}" />
		    				</h:selectOneMenu>
		    				<h:inputText id="valorP" value="#{cadastrarVagaMB.valor}" size="4">
		    					<f:converter converterId="conversorDecimal"/>
		    				</h:inputText>
		    				<rich:jQuery selector="#valorP" query="maskMoney({showSymbol:false,length:7})" />
		    				<h:selectOneMenu id="unidadeValorP" value="#{cadastrarVagaMB.unidadeValor}">
		    					<f:selectItems value="#{cadastrarVagaMB.lsUnidadeValor}" />
		    				</h:selectOneMenu>
		    				
		    				<a4j:commandLink id="adicionarP" value="Adicionar" action="#{cadastrarVagaMB.adicionarHorarioP}" 
		    					render="panelHorarioP" execute="adicionarP diaInicioP dataEspecificaCalendarP horaInicioP horaFimP"  />
		    			</span>
	    			</td>
				</tr>
				<tr>
					<td colspan="2" style="text-align: center">
						<br/>
						<br/>
						<a4j:commandButton value="Adicionar" action="#{cadastrarVagaMB.adicionarRemuneracao}" 
							render="panelRemuneracao panelHorarioS diaInicioP dataEspecificaCalendarP horaInicioP horaFimP valorP unidadeValorP" 
							execute="@this tipoRemuneracao dataEspecificaP"
							oncomplete="#{rich:component('modalRemuneracao')}.hide(); return false;" />
						<a4j:commandButton value="Cancelar" onclick="#{rich:component('modalRemuneracao')}.hide(); return false;" />
					</td>
				</tr>
	        </table>
	    </h:form>
    </rich:popupPanel>
    
</ui:define>
</ui:composition>
</html>
